@import "./theme/mixin.scss";
@import "./theme/theme1.scss";

// 重置所有字体大小
.ant-select,
.ant-radio,
.ant-checkbox,
.ant-input,
.ant-input-number,
.ant-btn,
.ant-modal,
.ant-pagination,
.ant-tabs,
.ant-table,
.ant-spin,
.ant-dropdown,
.ant-menu,
.ant-message,
.ant-notification,
.ant-popover,
.ant-select-dropdown,
.ant-select-item,
.ant-tooltip {
    font-size: 12px !important;
    /* 设置你想要的字体大小 */
}

.ant-select .ant-select-selector {
    border: none !important;
    border-bottom: 1px solid #b8b5b5 !important;
}

.ant-select .ant-select-selector[disabled] {
    border: none !important;
    border-bottom: 1px solid #b8b5b5 !important;
}

.ant-select .ant-select-selector[disabled]:hover {
    border: none !important;
    border-bottom: 1px solid #b8b5b5 !important;
    cursor: not-allowed !important;
}

.ant-picker.ant-picker-disabled {
    border: none !important;
    border-bottom: 1px solid #b8b5b5 !important;
    cursor: not-allowed !important;
}



.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border: none !important;
    border-bottom: 1px solid #b8b5b5 !important;
    cursor: not-allowed !important;
}

.ant-input {
    border: none !important;
    border-bottom: 1px solid #b8b5b5 !important;
}

.ant-input:hover {
    border: none !important;
    border-bottom: 1px solid #b8b5b5 !important;
}

.ant-input[disabled]:hover {
    border: none !important;
    border-bottom: 1px solid #b8b5b5 !important;
    cursor: not-allowed !important;
}



.ant-input[disabled] {
    border: none !important;
    background-color: transparent !important;
    color: #676a6c;
    cursor: not-allowed !important;
    border-bottom: 1px solid #b8b5b5 !important;
}



// --------- 表格 strat ---------------------------
.ant-table-thead>tr>th {
    background-color: #f4f4f4;
    color: #676a6c;

}

.ant-table-wrapper .ant-table {
    font-size: 12px;
}

.ant-table-wrapper .ant-table .ant-table-header {
    border-radius: 0px;
}

.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:first-child {
    border-start-start-radius: 0px;
}

.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:last-child {
    border-start-end-radius: 0px;
}

.ant-table-wrapper .ant-table-thead>tr>th,
.ant-table-wrapper .ant-table-tbody>tr>td {
    padding: 10px 5px !important;
}

.ant-table-wrapper .ant-table-tbody>tr.ant-table-row:hover>td {
    background: #ececec;
}

.ant-table-wrapper .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
    background-color: #f4f4f4;
}

// --------- 表格 end---------------------------

/* 整个滚动条 */
::-webkit-scrollbar {
    width: 12px;
    /* 滚动条的宽度 */
    height: 12px;
    /* 滚动条的高度，对水平滚动条有效 */
    background-color: #f9f9fd;
    /* 滚动条的背景颜色 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #e1e1e1;
    /* 轨道的背景颜色 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c1c1c1;
    /* 滑块的背景颜色 */
    border: 3px solid #e1e1e1;
    /* 滑块的边框和轨道相同的颜色，可以制造“边距”的效果 */
}

/* 滚动条滑块：悬停效果 */
::-webkit-scrollbar-thumb:hover {
    background-color: #a8a8a8;
    /* 滑块的悬停颜色 */
}

/* 滚动条滑块：激活时的效果 */
::-webkit-scrollbar-thumb:active {
    background-color: #888888;
    /* 滑块的激活颜色 */
}

/* 滚动条按钮（上下箭头） */
::-webkit-scrollbar-button {
    display: none;
    /* 通常情况下不显示滚动条按钮 */
}

// ---------- 按钮 ---------------
.ant-btn,
.ant-input,
.ant-picker .ant-picker-input>input,
.ant-select-single .ant-select-selector,
.ant-form-item .ant-form-item-explain-error,
.ant-form-item .ant-form-item-label>label {
    font-size: 12px;
}

.ant-input {
    @include border-layout();
    background-color: transparent !important;

    &[disabled] {
        border: none !important;
        background-color: transparent !important;
        color: #676a6c;
        border-bottom: 1px solid #b8b5b5 !important;
    }

    &:focus {
        @include border-layout();
    }

    &:hover {
        @include border-layout();
    }
}

.ant-select {
    color: #676a6c !important;

    .ant-select-selector,
    .ant-select-disabled {
        color: #676a6c !important;
        background-color: transparent !important;
        @include border-layout();
        appearance: none !important;
    }

    // .ant-select-arrow {
    //     display: none !important;
    // }
}

.ant-input-number,
.ant-input-number-disabled {
    @include border-layout();
    padding: 0 !important;
    background-color: transparent !important;

    &:focus {
        @include border-layout();
    }

    &:hover {
        @include border-layout();
    }
}

.ant-input:focus {
    box-shadow: 0 0 0 1px var(--btn-bg-save);
}

.ant-select-multiple .ant-select-selection-item {
    color: #676a6c !important;
}

.ant-picker .ant-picker-input {
    color: #676a6c !important;
}

.ant-input-affix-wrapper {
    border: none !important;
    padding: 0 !important;
    border-bottom-color: #ffffff !important;

    &:hover {
        border: none !important;
        border-bottom-color: #ffffff !important;
    }

    &:focus {
        border: none !important;
        /* 焦点时也不显示边框 */
        outline: none !important;
        /* 移除默认的蓝色轮廓线 */
        border-bottom-color: #ffffff !important;
        /* 可以修改焦点时下边框的颜色 */
        cursor: pointer !important;
    }
}

.ant-picker {
    @include border-layout();
    background-color: transparent !important;
}

// 重置button样式
.ant-btn-primary {
    background-color: var(--btn-bg-save);
    color: #fff;

    &:active {
        border-color: #fff;
    }

    &:hover {
        border-color: var(--btn-bg-save);
        background-color: var(--btn-bg-save) !important;
    }
}

.ant-btn-link {
    color: var(--btn-font-link);
}

.btn-delect {
    background-color: var(--btn-bg-delete);
    color: #fff;

    &:active {
        border-color: #fff;
    }

    &:hover {
        border-color: var(--btn-bg-delete);
        background-color: var(--btn-bg-delete);
    }
}

.ant-btn-search {
    background-color: var(--btn-bg-search) !important;
    color: #fff !important;

    &:active {
        border-color: #fff !important;
    }

    &:hover {
        background-color: var(--btn-bg-search) !important;
    }
}

.ant-btn-default:not(:disabled):hover {
    border-color: #d9d9d9;
    color: #676a6c;
}

// --------------- 表单 --------------------------
.ant-form-item {
    margin-bottom: 5px !important;
}

.ant-form-item .ant-form-item-label>label {
    color: var(--font-form-color) !important;
    padding: 0 !important;
    font-size: 12px !important;
}

// 隐藏表单红色*
.ant-form-item .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
    content: none;
}

.ant-input,
.ant-dropdown .ant-dropdown-menu,
.ant-btn {
    border-radius: 3px;
}

.ant-modal .ant-modal-content {
    border-radius: 5px;
}

.ant-modal .ant-modal-title {
    font-size: 24px;
    color: #676a6c;
}
.ant-select-dropdown {
    border-radius: 4px !important;
}
// loding
.ant-spin .ant-spin-dot-item {
    background-color: var(--btn-bg-save);
}